<template>
<!-- 编辑自由标题自由组件 -->
  <div class="layout">
      <div class="title">
          <span class="icon">
          </span>
          <!-- 匿名插槽 -->
          <slot></slot>
      </div>
  </div>  
</template>


<style lang="less" scoped>
@import url('../../assets/css/base.less');
.title {
    height:24px;
    line-height:24px;
    font-size:18px;
    background-color:#fff;
    display:flex;
    align-items: center;
    margin:10px 0;
    .icon{
        display:inline-block;
        vertical-align: middle;
        width:3px;
        height:15px;
        background-color: @mainColor;
        margin:0 10px;
    }
}

</style>